/*! @import "font-face"; */
@font-face{font-family:"englishextra-ui-icons";src:url(../../../fonts/englishextra-ui-icons-fontfacekit/englishextra-ui-icons.woff2) format("woff2"),url(../../../fonts/englishextra-ui-icons-fontfacekit/englishextra-ui-icons.woff) format("woff"),url(../../../fonts/englishextra-ui-icons-fontfacekit/englishextra-ui-icons.ttf) format("truetype");font-weight:normal;font-style:normal;}
@font-face{font-family:"Source Sans Pro";src:url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Light.otf.woff2) format("woff2"),url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Light.otf.woff) format("woff"),url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-stretch:normal;}
@font-face{font-family:"Source Sans Pro";src:url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Regular.otf.woff2) format("woff2"),url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Regular.otf.woff) format("woff"),url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-stretch:normal;}
@font-face{font-family:"Source Sans Pro";src:url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-It.otf.woff2) format("woff2"),url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-It.otf.woff) format("woff"),url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-It.ttf) format("truetype");font-weight:400;font-style:italic;font-stretch:normal;}
@font-face{font-family:"Source Sans Pro";src:url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Bold.otf.woff2) format("woff2"),url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Bold.otf.woff) format("woff"),url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-stretch:normal;}
@font-face{font-family:"Source Sans Pro";src:url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-BoldIt.otf.woff2) format("woff2"),url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-BoldIt.otf.woff) format("woff"),url(../../../fonts/source-sans-pro-fontfacekit/SourceSansPro-BoldIt.ttf) format("truetype");font-weight:700;font-style:italic;font-stretch:normal;}
@font-face{font-family:"Source Code Pro";src:url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Regular.otf.woff2) format("woff2"),url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Regular.otf.woff) format("woff"),url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-stretch:normal;}
@font-face{font-family:"Source Code Pro";src:url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Bold.otf.woff2) format("woff2"),url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Bold.otf.woff) format("woff"),url(../../../fonts/source-code-pro-fontfacekit/SourceCodePro-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-stretch:normal;}
/* @import "normalize"; */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/* @import "typeboost"; */
/*!
 * typeboost.css v0.1.7
 * github.com/englishextra/typeboost.css
 */
.col div,.col span,.col applet,.col object,.col iframe,.col h1,.col h2,.col h3,.col h4,.col h5,.col h6,.col p,.col blockquote,.col pre,.col a,.col abbr,.col acronym,.col address,.col big,.col cite,.col code,.col del,.col dfn,.col em,.col img,.col ins,.col kbd,.col q,.col s,.col samp,.col small,.col strike,.col strong,.col sub,.col sup,.col tt,.col var,.col b,.col u,.col i,.col center,.col dl,.col dt,.col dd,.col ol,.col ul,.col details,.col li,.col fieldset,.col form,.col label,.col legend,.col table,.col caption,.col tbody,.col tfoot,.col thead,.col tr,.col th,.col td,.col article,.col aside,.col canvas,.col embed,.col figure,.col figcaption,.col footer,.col header,.col hgroup,.col menu,.col nav,.col output,.col ruby,.col section,.col summary,.col time,.col mark,.col audio,.col video{font-size:100%;font:inherit;border:0;vertical-align:baseline;margin:0;padding:0;}.col sub,.col sup{font-size:75%;line-height:0;position:relative;}.col sup{top:-0.5em;}.col sub{bottom:-0.25em;}.col blockquote,.col q{quotes:none;}.col blockquote:before,.col blockquote:after,.col q:before,.col q:after{content:'';content:none;}.col a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}.col h1 a,.col h2 a,.col h3 a,.col h4 a,.col h5 a,.col h6 a{font-weight:inherit;}.col address,.col p.address{font-size:.813rem;line-height:1.500;margin-right:0;}.col p.blockquote{margin-right:0;}.col h1{font-size:3.375rem;line-height:1.200;padding:0;}.col h2{font-size:1.500rem;line-height:1.200;padding:0;}.col h3{font-size:1.100rem;line-height:1.200;padding:0;}.col h4{font-size:1.000rem;line-height:1.200;font-variant:small-caps;letter-spacing:0.063rem;padding:0;}.col h5{text-transform:uppercase;padding:0;}.col h6,.col dl dt{text-decoration:underline;padding:0;}.col h5,.col h6{font-size:1.000rem;line-height:1.200;}.col caption,.col label,.col p.smaller,.col table td,.col table th{font-size:.875rem;line-height:1.500;}.col p.larger,.col blockquote{font-size:1.125rem;line-height:1.500;}.col p,.col p.blockquote,.col dl dt,.col dl dd,.col ul li,.col ol li{font-size:1.000rem;line-height:1.500;}.col ul{list-style:disc outside;}.col ol{list-style:decimal inside;}.col pre{white-space:pre;white-space:pre-wrap;word-wrap:inherit;overflow:-moz-scrollbars-horizontal;overflow-x:auto;border:0;box-shadow:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;padding:1.000rem 1.500rem;}.col pre code{text-shadow:none;}.col pre a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}.col table{width:auto;border-collapse:collapse;border-spacing:0;}.col caption,.col table th,.col table td{text-align:left;}.col table td,.col table th{padding:0.313rem 0.625rem;vertical-align:top;}.col pre,.col pre code{font-size:.875rem;line-height:1.500;}.col table th a:hover,.col table th a:active,.col table th a:focus{text-decoration:underline;}.col img{border:0;vertical-align:bottom;padding:0;}.col input[type^="text"],.col input[type^="search"],.col input[type^="email"],.col input[type^="url"],.col input[type^="password"],.col input[type^="tel"],.col input[type^="color"],.col input[type^="number"],.col input[type^="date"],.col input[type^="month"],.col input[type^="week"],.col input[type^="time"],.col input[type^="datetime"],.col input[type^="datetime-local"],.col select,.col textarea{font-size:.875rem;line-height:1.500;box-sizing:border-box;vertical-align:baseline;*vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;padding:0 0.625rem;}.col select{padding:0 0 0 0.313rem;}.col optgroup{margin:0.188rem;}.col input[type="color"]{padding:0;}.col button,.col input[type="button"],.col input[type="reset"],.col input[type="submit"],.col input[type^="text"],.col input[type^="search"],.col input[type^="email"],.col input[type^="url"],.col input[type^="password"],.col input[type^="tel"],.col input[type^="color"],.col input[type^="number"],.col input[type^="date"],.col input[type^="month"],.col input[type^="week"],.col input[type^="time"],.col input[type^="datetime"],.col input[type^="datetime-local"],.col select{height:2.000rem;}.col button,.col input[type="button"],.col input[type="reset"],.col input[type="submit"]{font-size:.875rem;line-height:1.500;box-sizing:border-box;vertical-align:baseline;*vertical-align:middle;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;cursor:pointer;padding:0 0.625rem;}.col label{display:block;margin-bottom:.125rem;}.col textarea{width:95%;}.col ul,.col ol,.col dl{margin-left:auto;}.col dl dd:before{content:"\2014\00a0";}.col address,.col p.address,.col p.blockquote,.col dl dd,.col blockquote{margin-left:1.500rem;}.col ol{padding-left:1.500rem;}.col .indent{text-indent:1.500rem;}.col ul{padding-left:2.500rem;}.col td ul{margin-top:0 !important;}.col td ul li{font-size:inherit !important;line-height:inherit !important;}.col td ol{margin-top:0 !important;}.col td ol li{font-size:inherit !important;line-height:inherit !important;}.col.textcenter address,.col.textcenter p.address,.col.textcenter dd,.col.textcenter pre,.col.textcenter blockquote,.col.textcenter p.blockquote{margin-left:0;}.col img,.col input,.col ol li,.col select,.col textarea,.col ul li,.col table td ol,.col table td ul,.col table td dl{margin:0;}.col address,.col p.address,.col p.blockquote,.col h1,.col h2,.col h3,.col h4,.col h5,.col h6,.col blockquote,.col caption,.col dl,.col dl dd,.col figcaption,.col figure,.col ol,.col p,.col pre,.col table,.col ul,.col details{margin-top:0;}.col h2+div,.col h2+p,.col h2+table,.col h3+div,.col h3+p,.col h3+table,.col h4+div,.col h4+p,.col h4+table,.col h5+div,.col h5+p,.col h5+table,.col h6+div,.col h6+p,.col h6+table{margin-top:.500rem;}.col address:first-child,.col div+address,.col h1+blockquote,.col h1+div,.col h1+hr,.col h1+div.hr,.col h1+dl,.col h1+ol,.col h1+p,.col h1+pre,.col h1+table,.col h1+ul,.col h1+details,.col h2+blockquote,.col h2+dl,.col h2+h3,.col h2+ol,.col h2+pre,.col h2+ul,.col h2+details,.col h3+blockquote,.col h3+dl,.col h3+h4,.col h3+ol,.col h3+pre,.col h3+ul,.col h3+details,.col h4+blockquote,.col h4+dl,.col h4+h3,.col h4+h5,.col h4+ol,.col h4+pre,.col h4+ul,.col h4+details,.col h5+blockquote,.col h5+dl,.col h5+h6,.col h5+h2,.col h5+ol,.col h5+pre,.col h5+ul,.col h5+details,.col h6+blockquote,.col h6+dl,.col h6+ol,.col h6+pre,.col h6+ul,.col h6+details,.col p+address,.col p+p,.col p.address,.col p.blockquote,.col pre+address,.col table+address,.col table+p.address,.col table+p.blockquote{margin-top:1.500rem;}.col blockquote+blockquote,.col blockquote+dl,.col blockquote+h1,.col blockquote+h2,.col blockquote+h3,.col blockquote+h4,.col blockquote+h5,.col blockquote+h6,.col blockquote+ol,.col blockquote+p,.col blockquote+pre,.col blockquote+table,.col blockquote+ul,.col blockquote+details,.col div+blockquote,.col div+dl,.col div+h1,.col div+h2,.col div+h3,.col div+h4,.col div+h5,.col div+h6,.col div+ol,.col div+p,.col div+pre,.col div+table,.col div+ul,.col div+details,.col dl+blockquote,.col dl+dl,.col dl+h1,.col dl+h2,.col dl+h3,.col dl+h4,.col dl+h5,.col dl+h6,.col dl+ol,.col dl+p,.col dl+pre,.col dl+table,.col dl+ul,.col dl+details,.col ol+blockquote,.col ol+dl,.col ol+h1,.col ol+h2,.col ol+h3,.col ol+h4,.col ol+h5,.col ol+h6,.col ol+ol,.col ol+p,.col ol+pre,.col ol+table,.col ol+ul,.col ol+details,.col p+blockquote,.col p+dl,.col p+figcaption,.col p+figure,.col p+h1,.col p+h2,.col p+h3,.col p+h4,.col p+h5,.col p+h6,.col p+ol,.col p+pre,.col p+table,.col p+ul,.col p+details,.col pre+blockquote,.col pre+dl,.col pre+h1,.col pre+h2,.col pre+h3,.col pre+h4,.col pre+h5,.col pre+h6,.col pre+ol,.col pre+p,.col pre+pre,.col pre+table,.col pre+ul,.col pre+details,.col table+blockquote,.col table+dl,.col table+h1,.col table+h2,.col table+h3,.col table+h4,.col table+h5,.col table+h6,.col table+ol,.col table+p,.col table+pre,.col table+table,.col table+ul,.col table+details,.col ul+blockquote,.col ul+dl,.col ul+h1,.col ul+h2,.col ul+h3,.col ul+h4,.col ul+h5,.col ul+h6,.col ul+ol,.col ul+p,.col ul+pre,.col ul+table,.col ul+ul,.col ul+details,.col details+blockquote,.col details+dl,.col details+h1,.col details+h2,.col details+h3,.col details+h4,.col details+h5,.col details+h6,.col details+ol,.col details+p,.col details+pre,.col details+table,.col details+ul,.col details+details,.col h1:first-child,.col h2:first-child,.col h3:first-child,.col h4:first-child,.col h5:first-child,.col h6:first-child,.col p:first-child,.col dl:first-child,.col ul:first-child,.col details:first-child,.col ol:first-child,.col blockquote:first-child,.col pre:first-child,.col table:first-child,.col figcaption:first-child,.col figure:first-child{margin-top:1.500rem;}.col dl dd,.col address:first-of-type,.col p.address:first-of-type,.col address:last-child,.col p.address:last-child,.col p.blockquote:first-of-type,.col p.blockquote:last-child,.col p:last-child,.col dl:last-child,.col ul:last-child,.col details:last-child,.col ol:last-child,.col blockquote:last-child,.col pre:last-child,.col table:first-of-type,.col table:last-child,.col figcaption:last-child,.col figure:last-child{margin-bottom:0;}.col address,.col blockquote,.col dl,.col figcaption,.col figure,.col ol,.col pre,.col ul,.col details{margin-bottom:1.500rem;}.col blockquote+p,.col div+p,.col dl+p,.col h1+p,.col h2+p,.col h3+p,.col h4+p,.col h5+p,.col h6+p,.col ol+p,.col p+p,.col pre+p,.col table+p,.col ul+p,.col details+p{margin-bottom:1.000rem;}.col .textleft{text-align:left;}.col .textright{text-align:right;}.col .textcenter{text-align:center;}.col .larger{font-size:120%;}.col small,.col .smaller{font-size:80%;}.col .fade{opacity:1;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;}.col .fade:hover{opacity:.5;}.col hr,.col .hr{height:0.063rem;padding:0;margin:1.500rem 0;}.col h1,.col h2,.col h4,.col h5,.col h6,.col address,.col p,.col p.address,.col p.blockquote,.col dl dd,.col ul li,.col ol li,.col table td,.col caption,.col input[type^="text"],.col input[type^="search"],.col input[type^="email"],.col input[type^="url"],.col input[type^="password"],.col input[type^="tel"],.col input[type^="color"],.col input[type^="number"],.col input[type^="date"],.col input[type^="month"],.col input[type^="week"],.col input[type^="time"],.col input[type^="datetime"],.col input[type^="datetime-local"],.col select,.col textarea,.col label{font-weight:normal;}.col h3,.col a,.col table th,.col button,.col input[type="button"],.col input[type="reset"],.col input[type="submit"],.col b,.col strong,.col .bolder,.col .highlight{font-weight:bolder;}.col address,.col p.address,.col p.blockquote,.col blockquote,.col caption,.col label,.col i,.col em,.col .italic{font-style:italic;}.col h1{font-family:serif;}.col pre,.col pre code{font-family:"Source Code Pro","Consolas",monospace;}.col select{font-family:sans-serif;}.col button,.col input[type="button"],.col input[type="reset"],.col input[type="submit"]{font-family:inherit;}.col input[type^="text"],.col input[type^="search"],.col input[type^="email"],.col input[type^="url"],.col input[type^="password"],.col input[type^="tel"],.col input[type^="color"],.col input[type^="number"],.col input[type^="date"],.col input[type^="month"],.col input[type^="week"],.col input[type^="time"],.col input[type^="datetime"],.col input[type^="datetime-local"],.col textarea{font-family:inherit;}.col caption,.col table th,.col table td{font-family:inherit;}.col .phonetic{font-family:"Source Code Pro","Consolas",monospace;}.col a{color:#307CCA;}.col a:hover,.col a:focus,.col a:active{color:#EA6743;}.col h1,.col h2,.col h3,.col h4,.col h5,.col h6,.col h1 a,.col h2 a,.col h3 a,.col h4 a,.col h5 a,.col h6 a,.col pre code,.col pre a,.col caption,.col table td,.col table th a,.col select,.col input[type^="text"],.col input[type^="search"],.col input[type^="email"],.col input[type^="url"],.col input[type^="password"],.col input[type^="tel"],.col input[type^="color"],.col input[type^="number"],.col input[type^="date"],.col input[type^="month"],.col input[type^="week"],.col input[type^="time"],.col input[type^="datetime"],.col input[type^="datetime-local"],.col textarea,.col input[type^="text"]:focus,.col input[type^="search"]:focus,.col input[type^="email"]:focus,.col input[type^="url"]:focus,.col input[type^="password"]:focus,.col input[type^="tel"]:focus,.col input[type^="color"]:focus,.col input[type^="number"]:focus,.col input[type^="date"]:focus,.col input[type^="month"]:focus,.col input[type^="week"]:focus,.col input[type^="time"]:focus,.col input[type^="datetime"]:focus,.col input[type^="datetime-local"]:focus,.col textarea:focus,.col input[type^="text"]:active,.col input[type^="search"]:active,.col input[type^="email"]:active,.col input[type^="url"]:active,.col input[type^="password"]:active,.col input[type^="tel"]:active,.col input[type^="color"]:active,.col input[type^="number"]:active,.col input[type^="date"]:active,.col input[type^="month"]:active,.col input[type^="week"]:active,.col input[type^="time"]:active,.col input[type^="datetime"]:active,.col input[type^="datetime-local"]:active,.col textarea:active,.col select:active,.col select:focus{color:inherit;}.col pre{color:inherit;background:#F1F1F1;}.col pre a:hover,.col pre a:active,.col pre a:focus{color:inherit;}.col select{background:#FFFFFF;border:0.063rem solid #C3C3C3;}.col input[type^="text"],.col input[type^="search"],.col input[type^="email"],.col input[type^="url"],.col input[type^="password"],.col input[type^="tel"],.col input[type^="color"],.col input[type^="number"],.col input[type^="date"],.col input[type^="month"],.col input[type^="week"],.col input[type^="time"],.col input[type^="datetime"],.col input[type^="datetime-local"],.col textarea{background:#FFFFFF;border:0.063rem solid #C3C3C3;}.col button:hover,.col input[type="button"]:hover,.col input[type="reset"]:hover,.col input[type="submit"]:hover,.col button:active,.col input[type="button"]:active,.col input[type="reset"]:active,.col input[type="submit"]:active,.col button:focus,.col input[type="button"]:focus,.col input[type="reset"]:focus,.col input[type="submit"]:focus{color:#FFFFFF;background:#606060;border:0.063rem solid #606060;}.col button,.col input[type="button"],.col input[type="reset"],.col input[type="submit"]{color:#FFFFFF;background:#474747;border:0.063rem solid #474747;}.col input[type^="text"]:focus,.col input[type^="search"]:focus,.col input[type^="email"]:focus,.col input[type^="url"]:focus,.col input[type^="password"]:focus,.col input[type^="tel"]:focus,.col input[type^="color"]:focus,.col input[type^="number"]:focus,.col input[type^="date"]:focus,.col input[type^="month"]:focus,.col input[type^="week"]:focus,.col input[type^="time"]:focus,.col input[type^="datetime"]:focus,.col input[type^="datetime-local"]:focus,.col textarea:focus,.col input[type^="text"]:active,.col input[type^="search"]:active,.col input[type^="email"]:active,.col input[type^="url"]:active,.col input[type^="password"]:active,.col input[type^="tel"]:active,.col input[type^="color"]:active,.col input[type^="number"]:active,.col input[type^="date"]:active,.col input[type^="month"]:active,.col input[type^="week"]:active,.col input[type^="time"]:active,.col input[type^="datetime"]:active,.col input[type^="datetime-local"]:active,.col textarea:active{background:#F2F2F2;border:0.063rem solid #C3C3C3;}.col select:hover{background:#F2F2F2;border:0.063rem solid #C3C3C3;}.col select:active,.col select:focus{background:#F2F2F2;border:0.063rem solid #C3C3C3;}.col select:disabled,.col input[type^="text"]:disabled,.col input[type^="search"]:disabled,.col input[type^="email"]:disabled,.col input[type^="url"]:disabled,.col input[type^="password"]:disabled,.col input[type^="tel"]:disabled,.col input[type^="color"]:disabled,.col input[type^="number"]:disabled,.col input[type^="date"]:disabled,.col input[type^="month"]:disabled,.col input[type^="week"]:disabled,.col input[type^="time"]:disabled,.col input[type^="datetime"]:disabled,.col input[type^="datetime-local"]:disabled,.col textarea:disabled{background:#D6D6D6;border-color:#D6D6D6;}.col button:disabled,.col input[type="button"]:disabled,.col input[type="reset"]:disabled,.col input[type="submit"]:disabled{background:#D6D6D6;border-color:#D6D6D6;}.col table{border:none;border-top-width:0.063rem;border-top-style:solid;border-top-color:#C3C3C3;border-right-width:0.063rem;border-right-style:solid;border-right-color:#C3C3C3;border-left-width:0.063rem;border-left-style:solid;border-left-color:#C3C3C3;}.col table th{border:none;border-bottom-width:0.063rem;border-bottom-style:solid;border-bottom-color:#C3C3C3;}.col table td{border:none;border-bottom-width:0.063rem;border-bottom-style:solid;border-bottom-color:#C3C3C3;}.col img{background-color:inherit;border:0;}.col hr,.col .hr{background:#C3C3C3;border:0;}.col .highlight{color:#EE6944;}
/* @import "simplegrid.fixed"; */
/*!
 * modified Simple Grid
 * Project Page - http://thisisdallas.github.com/Simple-Grid/
 * Author - Dallas Bass
 * Site - http://ninenineteen.co
 * changed padding 20px/10px to 24px/12px
 * removed top padding of grid-pad at mobile media query
 * added bottom margin to last child of grid-pad
 * removed top margin for h1/h2/h3 within the grid content
 * chenged breakpoint max 767px to max 800px
 * added float none to col- and mobile-col- at mobile media query
 * removed .hide-on-mobile class
 */
*,*:after,*:before{box-sizing:border-box;}body{margin:0;}[class*='col-']{float:left;min-height:1px;padding-right:24px;}.grid{display:block;width:100%;max-width:1140px;min-width:748px;margin:0 auto;overflow:hidden;}.grid-narrow{width:100%;max-width:720px;min-width:720px;margin:0 auto;overflow:hidden;}.grid:after,.grid-narrow:after{content:"";display:table;clear:both;}.grid-pad{padding-top:24px;padding-left:24px;padding-right:0;}.push-right{float:right;}.col-1-1{width:100%;}.col-2-3,.col-8-12{width:66.66%;}.col-1-2,.col-6-12{width:50%;}.col-1-3,.col-4-12{width:33.33%;}.col-1-4,.col-3-12{width:25%;}.col-1-5{width:20%;}.col-1-6,.col-2-12{width:16.667%;}.col-1-7{width:14.28%;}.col-1-8{width:12.5%;}.col-1-9{width:11.1%;}.col-1-10{width:10%;}.col-1-11{width:9.09%;}.col-1-12{width:8.33%;}.col-11-12{width:91.66%;}.col-10-12{width:83.333%;}.col-9-12{width:75%;}.col-5-12{width:41.66%;}.col-7-12{width:58.33%;}.push-2-3,.push-8-12{margin-left:66.66%;}.push-1-2,.push-6-12{margin-left:50%;}.push-1-3,.push-4-12{margin-left:33.33%;}.push-1-4,.push-3-12{margin-left:25%;}.push-1-5{margin-left:20%;}.push-1-6,.push-2-12{margin-left:16.667%;}.push-1-7{margin-left:14.28%;}.push-1-8{margin-left:12.5%;}.push-1-9{margin-left:11.1%;}.push-1-10{margin-left:10%;}.push-1-11{margin-left:9.09%;}.push-1-12{margin-left:8.33%;}@media handheld,only screen and (max-width:800px){.grid,.grid-narrow{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:12px;padding-right:0px;}.grid-narrow{max-width:100%;}.grid-narrow{max-width:100%;}[class*='col-']{width:auto;float:none;margin:0;padding-top:24px;padding-right:12px;}[class*='col-']:first-child{margin-top:0;}[class*='mobile-col-']{float:left;margin:0;padding-left:0;padding-right:12px;padding-bottom:0;}.grid-pad{padding-top:0px;padding-left:12px;}.grid-pad:first-child{padding-top:0px;}.mobile-col-1-1{width:100%;}.mobile-col-2-3,.mobile-col-8-12{width:66.66%;}.mobile-col-1-2,.mobile-col-6-12{width:50%;}.mobile-col-1-3,.mobile-col-4-12{width:33.33%;}.mobile-col-1-4,.mobile-col-3-12{width:25%;}.mobile-col-1-5{width:20%;}.mobile-col-1-6,.mobile-col-2-12{width:16.667%;}.mobile-col-1-7{width:14.28%;}.mobile-col-1-8{width:12.5%;}.mobile-col-1-9{width:11.1%;}.mobile-col-1-10{width:10%;}.mobile-col-1-11{width:9.09%;}.mobile-col-1-12{width:8.33%;}.mobile-col-11-12{width:91.66%;}.mobile-col-10-12{width:83.333%;}.mobile-col-9-12{width:75%;}.mobile-col-5-12{width:41.66%;}.mobile-col-7-12{width:58.33%;}}
/*! @import "loading-spinner"; */
/*!
 * github.com/lukehaas/css-loaders
 * projects.lukehaas.me/css-loaders/
 * size of a loader dependent on font size
 */
.loading-spinner .loading-spinner {
	font-size: 8px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -5em 0 0 -5em;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(211,211,211,0.5);
	border-right: 1.1em solid rgba(211,211,211,0.5);
	border-bottom: 1.1em solid rgba(211,211,211,0.5);
	border-left: 1.1em solid rgba(25,25,25,0.5);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
	z-index: 1003;
}
.loading-spinner .loading-spinner,
.loading-spinner .loading-spinner:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/*! @import "site-logo"; */
/*!
 * site logo
 */
.holder-site-logo {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	background: none #D54848;
	padding: 0;
	margin: 0;
	z-index: 1004;
}
.site-logo {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8.000rem;
	height: 8.250rem;
	line-height: 0;
	vertical-align: middle;
	background-color: transparent;
	background-image: url();
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 8.000rem 8.250rem;
	margin-top: -4.125rem;
	margin-left: -4.000rem;
}
.holder-site-logo.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.site-logo.animated {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.site-logo a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
/*! @import "animate.partial"; */
/*!
 * some animations from animate.css
 * github.com/daneden/animate.css
 * daneden.github.io/animate.css/
 */
/* .animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
} */
@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}
@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	50% {
		opacity: 1;
	}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}
@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
/*! @import "masonry-grid"; */
/*!
 * masonry grid
 */
.masonry-grid-wrapper {
	display: block;
	height: 100%;
	background-color: rgba(242,242,242,1);
	/*! stackoverflow.com/questions/14967413/background-color-not-showing-for-a-div
	Because the content collapses when the children are floated
	and adding the overflow rule restores the behavior you'd expect. */
	overflow-x: auto;
	overflow-y: hidden;
}
.masonry-grid-wrapper a {
	font-weight: inherit;
	color: #307CCA;
}
.masonry-grid-wrapper a:hover,
.masonry-grid-wrapper a:active,
.masonry-grid-wrapper a:focus {
	color: #EA6743;
}
.masonry-grid-wrapper .highlight {
	color: #EE6944;
}
.masonry-grid-wrapper h1 {
	font-family: "Source Sans Pro","Open Sans","Exo2","Fira Sans","Segoe UI Light","Segoe WP Light",sans-serif;
	font-weight: 400;
	font-size: 1.772rem;
	line-height: 1.200;
	text-align: center;
	margin: 1.500rem 3.000%;
}
.masonry-grid-wrapper .holder-contents-select {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 0 1.500rem 0;
}
.masonry-grid-wrapper .holder-contents-select select {
	display: inline-block;
	width: 91%;
	max-width: 20.375rem;
	height: 2.000rem;
	font-family: sans-serif;
	font-size: 0.875rem;
	color: inherit;
	background: #FFFFFF;
	border: 0.750pt solid #FFFFFF;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
	margin: 0;
	padding: 0;
}
.masonry-grid-wrapper .holder-contents-select select optgroup {
	font-style: normal;
	padding-left: 0.188rem;
}
/*!
 * fix select border for electron and nw
 */
.masonry-grid-wrapper .holder-contents-select select,
.masonry-grid-wrapper .holder-contents-select select:hover,
.masonry-grid-wrapper .holder-contents-select select:active,
.masonry-grid-wrapper .holder-contents-select select:focus {
	border: 0.750pt solid #FFFFFF;
}
.masonry-grid-wrapper .footer {
	/*! 720px - 24px - 24px */
	max-width: 672px;
	font-size: 0.813rem;
	line-height: 1.500;
	text-align: center;
	margin: 1.500rem auto;
}
.masonry-grid {
	display: block;
	margin: 0 auto;
}
.masonry-grid:after {
	content: "";
	display: block;
	clear: both;
}
.masonry-grid-row:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	overflow: hidden;
	width: 0;
	font-size: 0;
	line-height: 0;
}
.masonry-grid-item {
	float: left;
	-webkit-box-shadow: 0 0.250em 0.250em 0 rgba(150,150,150,0.2);
	-moz-box-shadow: 0 0.250em 0.250em 0 rgba(150,150,150,0.2);
	box-shadow: 0 0.250em 0.250em 0 rgba(150,150,150,0.2);
	/*!
	 * raw.githubusercontent.com/daneden/animate.css/master/animate.css
	 */
	/* -webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp; */
	margin: 1.500%;
}
.masonry-grid-item img {
	display: block;
	width: 100%;
	height: auto;
}
.masonry-grid-item-content {
	background: #FFFFFF;
	padding: 1.000em;
	min-height: 11.750rem;
}
.masonry-grid-item-content a {
	font-weight: inherit;
	text-decoration: none;
	color: #307CCA;
}
.masonry-grid-item-content a:hover,
.masonry-grid-item-content a:active,
.masonry-grid-item-content a:focus {
	color: #EA6743;
}
.masonry-grid-item-content h2 {
	font-family: "Source Sans Pro","Open Sans","Exo2","Fira Sans","Segoe UI Light","Segoe WP Light",sans-serif;
	font-weight: 300;
	font-size: 1.500rem;
	line-height: 1.200;
	margin-top: 0;
	margin-bottom: 0.500rem;
}
.masonry-grid-item-content h2 a {
	color: inherit;
	border-bottom-color: transparent;
	border-bottom-style: solid;
	border-bottom-width: 0.750pt;
	text-decoration: none;
}
.masonry-grid-item-content h2 a:hover,
.masonry-grid-item-content h2 a:active,
.masonry-grid-item-content h2 a:focus {
	color: inherit;
	border-bottom-color: inherit;
	border-bottom-style: solid;
	border-bottom-width: 0.750pt;
}
.masonry-grid-item-content p {
	font-family: "Source Sans Pro","Open Sans","Exo2","Fira Sans","Segoe UI","Segoe WP",sans-serif;
	font-weight: 400;
	font-size: 1.000rem;
	line-height: 1.500;
	margin: 0;
}
.masonry-grid-item-content dl dt {
	font-weight: bolder;
	text-decoration: none;
}
.masonry-grid-item-content dl dt a {
	color: inherit;
	border-bottom-color: inherit;
	border-bottom-style: solid;
	border-bottom-width: 0.750pt;
}
.masonry-grid-item-content dl dt a:hover,
.masonry-grid-item-content dl dt a:active,
.masonry-grid-item-content dl dt a:focus {
	color: inherit;
}
.masonry-grid-item-content li ol,
.masonry-grid-item-content li ul {
	margin-top: 0 !important;
}
.masonry-grid-item-content li ol,
.masonry-grid-item-content li ul {
	margin-top: 0 !important;
}
.masonry-grid-item-content table td,
.masonry-grid-item-content table th {
	font-size: .875rem;
	line-height: 1.500;
}
.masonry-grid-item-content table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.masonry-grid-item-content caption,
.masonry-grid-item-content table th,
.masonry-grid-item-content table td {
	text-align: left;
}
.masonry-grid-item-content table td,
.masonry-grid-item-content table th {
	padding: .313rem 1.000rem;
	vertical-align: top;
}
.masonry-grid-item-content table th a:hover,
.masonry-grid-item-content table th a:active,
.masonry-grid-item-content table th a:focus {
	text-decoration: underline;
}
.masonry-grid-item-content table td ol,
.masonry-grid-item-content table td ul,
.masonry-grid-item-content table td dl {
	margin: 0;
}
.masonry-grid-item-content table {
	margin-top: 0;
}
.masonry-grid-item-content table+address,
.masonry-grid-item-content table+p.address,
.masonry-grid-item-content table+p.blockquote {
	margin-top: 1.500rem;
}
.masonry-grid-item-content table+p {
	margin-top: 1.500rem;
	margin-bottom: 1.000rem;
}
.masonry-grid-item-content table td,
.masonry-grid-item-content caption {
	font-weight: normal;
}
.masonry-grid-item-content table th {
	font-weight: bolder;
}
.masonry-grid-item-content caption,
.masonry-grid-item-content table th,
.masonry-grid-item-content table td {
	font-family: inherit;
}
.masonry-grid-item-content caption,
.masonry-grid-item-content table td,
.masonry-grid-item-content table th a {
	color: inherit;
}
.masonry-grid-item-content table tr,
.masonry-grid-item-content table tr:nth-of-type(odd) {
	background-color: transparent;
}
.masonry-grid-item-content table th {
	border-bottom-width: 0.750pt;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
	background-color: transparent;
}
.masonry-grid-item-content table td {
	border-bottom-width: 0.750pt;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
}
.masonry-grid-item-content p+table,
.masonry-grid-item-content p+ul,
.masonry-grid-item-content p+ol {
	margin-top: 1.500rem;
}
.masonry-grid-item-content table+p,
.masonry-grid-item-content ul+p,
.masonry-grid-item-content ol+p {
	margin-bottom: 1.000rem;
}
.masonry-grid-item-content img {
	padding: -0.750em;
}
@media only screen and (max-width: 20em) {
	.masonry-grid {
		max-width: 93.8%;
	}
	.masonry-grid-sizer {
		width: 100%;
	}
	.masonry-grid-item {
		width: 97%;
	}
}
@media only screen and (min-width: 20.063em) {
	.masonry-grid {
		max-width: 93.8%;
	}
	.masonry-grid-sizer {
		width: 100%;
	}
	.masonry-grid-item {
		width: 97%;
	}
}
@media only screen and (min-width: 30.063em) {
	.masonry-grid {
		max-width: 75%;
	}
}
@media only screen and (min-width: 40.063em) {
	.masonry-grid {
		max-width: 93.8%;
	}
	.masonry-grid-sizer {
		width: 50%;
	}
	.masonry-grid-item {
		width: 47%;
	}
}
@media only screen and (min-width: 50.063em) {
	.masonry-grid {
		max-width: 81.3%;
	}
}
@media only screen and (min-width: 60.063em) {
	.masonry-grid {
		max-width: 93.8%;
	}
	.masonry-grid-sizer {
		width: 33.333%;
	}
	.masonry-grid-item {
		width: 30%;
	}
}
@media only screen and (min-width: 74.063em) {
	.masonry-grid {
		max-width: 81.3%;
	}
}
@media only screen and (min-width: 80.063em) {
	.masonry-grid {
		max-width: 93.8%;
	}
	.masonry-grid-sizer {
		width: 25%;
	}
	.masonry-grid-item {
		width: 22%;
	}
}
@media only screen and (min-width: 90.063em) {
	.masonry-grid {
		max-width: 81.3%;
	}
}
/*! @import "kamil-autocomplete"; */
/*!
 * modified Kamil v0.0.1
 * Autocomplete library
 * oss6.github.io/kamil
 * MIT License
 * by Ossama Edbali
 */
.kamil-autocomplete {
	display: none;
	position: absolute;
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
	background-color: #F0F0F0;
	z-index: 999;
	outline: none;
	color: inherit;
	box-sizing: border-box;
	font-size: 0.875em;
	border: 0.750pt solid rgba(45,116,189,1);
	box-shadow: 0.125em 0.125em 0.125em 0 rgba(50,50,50,0.3);
	border-radius: 0;
}
.kamil-autocomplete li {
	font-weight: 400;
	padding: 0.375em 0.500em;
	cursor: pointer;
}
.kamil-autocomplete li.kamil-active {
	color: inherit;
	background-color: rgba(190,212,235,1);
}
/*! @import "sprites"; */
/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */
img[class^="contents-banner-"],img[class*=" contents-banner-"]{ max-width: 100%; background-size: 100%; background-image: url(../img/sprite.png); }
.contents-banner-aids-640x336 { background-position: 0 0%; background-size: 100%; }
.contents-banner-articles-640x336 { background-position: 0 7.142857%; background-size: 100%; }
.contents-banner-cup-640x336 { background-position: 0 14.285714%; background-size: 100%; }
.contents-banner-ege-640x336 { background-position: 0 21.428571%; background-size: 100%; }
.contents-banner-gg-640x336 { background-position: 0 28.571429%; background-size: 100%; }
.contents-banner-gia-640x336 { background-position: 0 35.714286%; background-size: 100%; }
.contents-banner-grammar-640x336 { background-position: 0 42.857143%; background-size: 100%; }
.contents-banner-irrverbsscr-640x336 { background-position: 0 50%; background-size: 100%; }
.contents-banner-languagelink-640x336 { background-position: 0 57.142857%; background-size: 100%; }
.contents-banner-more-640x336 { background-position: 0 64.285714%; background-size: 100%; }
.contents-banner-oup-640x336 { background-position: 0 71.428571%; background-size: 100%; }
.contents-banner-reading-640x336 { background-position: 0 78.571429%; background-size: 100%; }
.contents-banner-rosolymp-640x336 { background-position: 0 85.714286%; background-size: 100%; }
.contents-banner-tests-640x336 { background-position: 0 92.857143%; background-size: 100%; }
.contents-banner-transcripts-640x336 { background-position: 0 100%; background-size: 100%; }
/*! @import "ui-totop"; */
/*!
 * github.com/sksmatt/UItoTop-jQuery-Plugin/
 */
#ui-totop {
	display: inline-block;
	width: 33.000pt;
	height: 33.000pt;
	position: fixed;
	bottom: 0;
	right: 0;
	text-indent: 100%;
	text-decoration: none;
	border: none;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
	z-index: 999;
}
#ui-totop-hover {
	display: block;
	float: left;
	width: 33.000pt;
	height: 33.000pt;
	overflow: hidden;
}
#ui-totop:hover {
	background-color: rgba(213,213,213,1);
}
/*!
 * using icon font
 */
#ui-totop {
	text-indent: 0;
	text-align: center;
}
#ui-totop-hover {
	background: none rgba(211,211,211,0.5);
}
#ui-totop-hover:before {
	font-family: "englishextra-ui-icons";
	content: "\e923";
	font-size: 18.000pt;
	line-height: 33.000pt;
	color: rgba(25,25,25,0.5);
}
/*! @import "main"; */
/*!
 * custom
 */
html,
body {
	height: 100%;
}
html {
	font-size: 100%;
	/*!
	 * set the parent to background transparent
	 * css-tricks.com/just-one-of-those-weird-things-about-css-background-on-body/
	 */
	background-color: transparent;
}
body {
	font-family: "Source Sans Pro","Open Sans","Exo2","Fira Sans","Segoe UI","Segoe WP",sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.500;
	width: 100%;
	color: #363636;
	background-color: #FFFFFF;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
	/* -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; */
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}
/*!
 * englishextra specific rules
 */
a {
	color: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
}
a:hover,
a:active,
a:focus {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}
p:first-child {
	margin-top: 0;
}
p:last-child {
	margin-bottom: 0;
}
b,
strong,
.bolder {
	font-weight: bold;
}
i,
em,
.italic {
	font-style: italic;
}
u,
.underline {
	text-decoration: underline;
}
*,*:after,
*::before {
	box-sizing: border-box;
}
::-moz-selection {
	color: rgba(255,255,255,0.9);
	background: rgba(48,124,202,0.9);
}
::selection {
	color: rgba(255,255,255,0.9);
	background: rgba(48,124,202,0.9);
}
/*!
 * clearfix css-tricks.com/snippets/css/clear-fix/
 */
.cf:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}
/*!
 * fit width
 */
.fit-width {
	min-width: 100%;
}
/*!
 * hide and show on mobile
 */
.show-inline-on-mobile,
.show-block-on-mobile {
	display: none !important;
}
@media handheld,only screen and (max-width:800px) {
	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
	.show-inline-on-mobile {
		display: inline !important;
	}
	.show-block-on-mobile {
		display: block !important;
	}
}
/*!
 * fixes to Simple Grid
 */
.grid:last-child,
.grid-narrow:last-child {
	margin-bottom: 24px;
}
.grid .col .content h1,
.grid .col .content h2:first-child,
.grid .col .content h3:first-child,
.grid .col .content p:first-child,
.grid-narrow .col .content h1,
.grid-narrow .col .content h2:first-child,
.grid-narrow .col .content h3:first-child,
.grid-narrow .col .content p:first-child {
	margin-top: 0;
}
.grid .col .content h2.btn-expand-hidden-layer:first-child,
.grid-narrow .col .content h2.btn-expand-hidden-layer:first-child {
	margin-top: 1.500rem;
}
.grid .col .footer p,
.grid-narrow .col .footer p {
	text-align: center;
}
/*!
 * layout
 */
.page {
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
	background-color: transparent;
}
body,
.page {
	background-image: linear-gradient(rgba(242,242,242,1), rgba(242,242,242,1));
	background-size: 100% 33.000pt;
	background-position: top left;
	background-repeat: no-repeat;
}
.page.is-active {
	position: relative;
	left: 280px;
}
.container {
	width: 100%;
	/*!
	 * set the parent to min height 100%, not just height
	 * css-tricks.com/just-one-of-those-weird-things-about-css-background-on-body/
	 */
	min-height: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	margin: 0 auto;
	padding: 33.000pt 0 0 0;
}
.container-includes {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
.container .content-wrapper,
.container-includes .content-wrapper {
	min-height: 100%;
	background-color: #FFFFFF;
}
.container .content-wrapper:after,
.container-includes:after {
	content: "";
	display: table;
	clear: both;
}
/*!
 * nav menu
 */
.page,
.panel-nav-menu,
.btn-nav-menu {
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.panel-nav-menu,
.panel-nav-menu li {
	position: relative;
}
.panel-nav-menu {
	display: block;
	width: 280px;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	font-size: 0.875em;
	line-height: 3.143em;
	list-style: none;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	background: #2E2E2E;
	padding: 0;
	margin: 0;
	margin-left: -280px;
	z-index: 998;
}
.panel-nav-menu li {
	font-weight: 300;
	padding: 0;
	margin: 0;
}
.panel-nav-menu li a {
	display: block;
	text-decoration: none;
	white-space: normal;
	white-space: nowrap;
	color: #FFFFFF;
	border: none;
	padding: 0 1.143em;
}
.panel-nav-menu li a:hover,
.panel-nav-menu li a:focus {
	background: #464646;
}
.panel-nav-menu li a.is-active {
	background: rgba(30,77,125,1);
}
.panel-nav-menu li a:before {
	font-family: "englishextra-ui-icons";
	content: "\e918\00a0\00a0";
	font-size: 0.875em;
}
.btn-nav-menu {
	display: inline-block;
	width: 33.000pt;
	height: 33.000pt;
	position: fixed;
	top: 0;
	left: 0;
	cursor: pointer;
	z-index: 999;
}
.btn-nav-menu:hover {
	background-color: rgba(213,213,213,1);
}
/*!
 * using icon font
 */
.btn-nav-menu {
	text-align: center;
	background: none rgba(211,211,211,0.5);
}
.btn-nav-menu:before {
	font-family: "englishextra-ui-icons";
	content: "\e914";
	font-size: 18.000pt;
	line-height: 33.000pt;
	color: #848484;
}
.page.is-active .btn-nav-menu:before {
	font-family: "englishextra-ui-icons";
	content: "\e90a";
	font-size: 15.000pt;
}
.page.is-active .panel-nav-menu {
	left: 280px;
	width: 280px;
}
.page.is-active .btn-nav-menu {
	/*!
	 * position absolute
	 * left: 0;
	 * position fixed
	 * left: 280px;
	 */
	left: 280px;
}
/*!
 * menu more
 */
.btn-menu-more {
	display: inline-block;
	width: 33.000pt;
	height: 33.000pt;
	position: absolute;
	top: 0;
	left: 33.000pt;
	text-decoration: none;
	-webkit-transition: background 0.2s linear;
	transition: background 0.2s linear;
	cursor: pointer;
	z-index: 999;
}
.btn-menu-more:hover {
	background-color: rgba(213,213,213,1);
}
/*!
 * using icon font
 */
.btn-menu-more {
	text-align: center;
	background: none rgba(211,211,211,0.5);
}
.btn-menu-more:before {
	font-family: "englishextra-ui-icons";
	content: "\e915";
	font-size: 18.000pt;
	line-height: 33.000pt;
	color: #848484;
}
.holder-panel-menu-more {
	display: block;
	position: absolute;
	top: 33.000pt;
	left: 33.000pt;
	color: #363636;
	background: #F0F0F0;
	border: 0.750pt solid rgba(45,116,189,1);
	box-shadow: 0.125em 0.125em 0.125em 0 rgba(50,50,50,0.3);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 0s,opacity 0.1s linear;
	transition: visibility 0s,opacity 0.1s linear;
	z-index: 999;
}
.holder-panel-menu-more.is-active {
	visibility: visible;
	opacity: 1;
}
.panel-menu-more {
	display: inline-block;
	min-width: 204.000pt;
	width: 100%;
	height: 100%;
	font-size: 0.857em;
	line-height: 1.500;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.panel-menu-more li a {
	display: block;
	font-weight: 400;
	padding: 0.625em 0.750em;
}
.panel-menu-more li a:hover,
.panel-menu-more li a:active,
.panel-menu-more li a:focus {
	text-decoration: none;
	color: inherit;
	background-color: rgba(190,212,235,1);
}
/*!
 * search form
 */
.holder-search-form {
	display: inline-block;
	width: 153.000pt;
	position: fixed;
	top: 4.500pt;
	right: 4.500pt;
	z-index: 997;
}
.holder-search-form input[type^=text],
.holder-search-form input[type^=search] {
	width: 100%;
	height: 24.000pt;
	font-size: 1.000em;
	color: inherit;
	border-color: transparent;
	border-style: solid;
	border-width: 0.750pt;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
	padding-left: 2.000em;
}
.holder-search-form input[type^=text]:active,
.holder-search-form input[type^=text]:focus,
.holder-search-form input[type^=search]:active,
.holder-search-form input[type^=search]:focus {
	background-color: rgba(213,213,213,1);
	border-color: transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
}
/* @media only screen and (max-width: 570px) {
	.holder-search-form {
		width: 5.500em;
	}
} */
@media only screen and (max-width: 479px) {
	.holder-search-form {
		display: none;
	}
}
/*!
 * using icon font
 */
.holder-search-text:before,
.ya-site-form:before {
	position: absolute;
	top: 0.063em;
	left: 0.625em;
	font-family: "englishextra-ui-icons";
	content: "\e91c";
	/* -webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1); */
	font-size: 12.000pt;
	line-height: 24.000pt;
	color: #848484;
}
.holder-search-form input[type^=text],
.holder-search-form input[type^=search] {
	background: none rgba(211,211,211,0.5);
}
/*!
 * fix for yandex search
 * site.yandex.net/v2.0/js/suggest.js
 */
.holder-search-form table td {
	padding: 0 !important;
}
.ya-site-form.ya-site-form_inited_no {
	visibility: hidden;
}
.ya-page_js_yes .ya-site-form_inited_no,
.ya-site-form__submit {
	display: none !important;
}
/*!
 * fixes to typeboost.css
 * modularscale.com
 * github.com/modularscale/modularscale-sass
 * ----------------
 * $ms-base: 1em;
 * $ms-ratio: 1.5,1.1;
 * ----------------
 * ms(16) / 3.452em
 * ms(15) / 3.375em
 * ms(14) / 3.138em
 * ms(13) / 2.853em
 * ms(12) / 2.594em
 * ms(11) / 2.358em
 * ms(10) / 2.25em
 * ms(9) / 2.144em
 * ms(8) / 1.949em
 * ms(7) / 1.772em
 * ms(6) / 1.611em
 * ms(5) / 1.5em
 * ms(4) / 1.464em
 * ms(3) / 1.331em
 * ms(2) / 1.21em
 * ms(1) / 1.1em
 * ms(0) / 1em
 * ms(-1) / 0.909em
 * ms(-2) / 0.826em
 * ms(-3) / 0.751em
 * ms(-4) / 0.683em
 * ms(-5) / 0.667em
 * ms(-6) / 0.621em
 */
.col a {
	font-weight: inherit;
	color: #307CCA;
}
.col a:hover,
.col a:active,
.col a:focus {
	color: #EA6743;
}
.col a:visited {
	color: #8F9BA8;
}
.col a[rel="footnote"] {
	border-bottom: none;
}
.col a[rel="footnote"]:before {
 	content: attr(data-footnote);
	font-size: 0.625em;
	position: relative;
	top: -0.625em;
	font-size: 50%;
	margin-left: 0.188em;
}
.col .footnote:before {
 	content: attr(data-footnote);
	font-size: 0.625em;
	position: relative;
	top: -0.625em;
	font-size: 50%;
	margin-right: 0.188em;
}
.col h1 {
	font-family: "Source Sans Pro","Open Sans","Exo2","Fira Sans","Segoe UI Light","Segoe WP Light",sans-serif;
	font-weight: 300;
	line-height: 1.200;
	color: inherit;
	margin-top: 0 !important;
	margin-bottom: 0.500rem;
}
.col h2 {
	font-family: "Source Sans Pro","Open Sans","Exo2","Fira Sans","Segoe UI","Segoe WP",sans-serif;
	font-weight: 400;
}
.col dl dt {
	font-weight: bolder;
	text-decoration: none;
}
.col dl dt a {
	color: inherit;
	border-bottom-color: inherit;
	border-bottom-style: solid;
	border-bottom-width: 0.750pt;
}
.col dl dt a:hover,
.col dl dt a:active,
.col dl dt a:focus {
	color: inherit;
}
.col li ol,
.col li ul {
	margin-top: 0 !important;
}
.col img,
.col svg,
.col canvas,
.col video,
.col textarea {
	width: 100%;
}
.col img.inline {
	width: auto;
}
.col img,
.col svg,
.col canvas {
	height: auto;
}
.col video,
.col svg {
	display: block;
	padding: 0;
}
.col canvas {
	vertical-align: bottom;
}
.col .holder-contents-select + canvas {
	margin-top: 1.500rem;
}
.col h2+div form p:first-child {
	margin-top: 0;
}
.col select optgroup {
	font-style: normal;
	padding-left: 0.188rem;
}
.col table.respond {
	width: auto;
}
.col table {
	border: none;
	border-top-width: 0.750pt;
	border-top-style: solid;
	border-top-color: #C3C3C3;
	border-right-width: 0.750pt;
	border-right-style: solid;
	border-right-color: #C3C3C3;
	border-left-width: 0.750pt;
	border-left-style: solid;
	border-left-color: #C3C3C3;
}
.col table th {
	border: none;
	border-bottom-width: 0.750pt;
	border-bottom-style: solid;
	border-bottom-color: #C3C3C3;
}
.col table td {
	border: none;
	border-bottom-width: 0.750pt;
	border-bottom-style: solid;
	border-bottom-color: #C3C3C3;
}
.col table td.with-img-only {
	padding: 0.500rem;
}
@media screen and (max-width: 640px) {
	.col table.respond {
		border: none;
	}
	.col table.respond,
	.col table.respond tr,
	.col table.respond td {
		display: block;
		box-sizing: border-box;
	}
	.col table.respond tr {
		width: 100%;
		position: relative;
		float: left;
		border: 0.750pt solid #C3C3C3;
		border-bottom: none;
		margin-bottom: 1.500rem;
	}
	.col table.respond tr:last-child {
		margin-bottom: 0;
	}
	.col table.respond thead {
		display: none;
	}
	.col table.respond td::before {
		display: block;
		float: left;
		content: attr(data-label);
		font-weight: bold;
		text-align: right;
		padding-right: 0.625rem;
	}
}
.col hr,
.col .hr {
	height: 0.750pt;
	background: #C3C3C3;
}
.col a.reflink {
	font-size: 0.875rem;
	letter-spacing: 0.063rem;
	color: #949494;
	border-bottom: none;
}
.col .highlight {
	color: #EE6944;
}
.col .phonetic {
	font-family: "Source Code Pro","Consolas",monospace;
}
.col .bolder {
	font-weight: 700;
}
.col .italic {
	font-style: italic;
}
.col .underline {
	text-decoration: none;
	border-bottom-width: 0.750pt;
	border-bottom-style: solid;
	border-bottom-color: inherit;
}
.col .button-larger {
	font-size: 1.000rem;
	font-weight: 400;
	height: 2.250rem;
}
/*!
 * aside block
 */
.col .aside {
	display: block;
	background-color: #F0F0F0;
	padding: 1.000rem;
}
.aside h3 {
	font-family: "Source Sans Pro","Open Sans","Exo2","Fira Sans","Segoe UI Light","Segoe WP Light",sans-serif;
	font-weight: 300;
	font-size: 1.331rem;
}
.aside p {
	font-size: 0.875rem;
}
.aside caption,
.aside table th,
.aside table td {
	font-size: 0.813rem;
}
/*!
 * contents selector
 */
.col .holder-contents-select {
	display: block;
	width: 100%;
	text-align: left;
}
.col .holder-contents-select select {
	display: inline-block;
	width: 97%;
	max-width: 20.375rem;
	height: 2.000rem;
	font-family: sans-serif;
	font-size: 0.875rem;
	color: inherit;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
	margin: 0;
	padding: 0;
}
.col .holder-contents-select select optgroup {
	font-style: normal;
	padding-left: 0.188rem;
}
/*!
 * fix select border for electron
 */
.col .holder-contents-select select,
.col .holder-contents-select select:hover,
.col .holder-contents-select select:active,
.col .holder-contents-select select:focus {
	border: 0.750pt solid #C3C3C3;
}
/*!
 * expanding layer
 */
.col .btn-expand-hidden-layer {
	cursor: pointer;
}
.col .btn-expand-hidden-layer:after {
	font-family: "englishextra-ui-icons";
	content: "\e901";
	font-size: 0.438em;
	position: relative;
	vertical-align: middle;
	margin-left: 0.500em;
}
.col .btn-expand-hidden-layer.is-active:after {
	font-family: "englishextra-ui-icons";
	content: "\e907";
	font-size: 0.438em;
	position: relative;
	vertical-align: middle;
	margin-left: 0.500em;
}
.col .holder-hidden-layer {
	max-height: 0;
	position: relative;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	overflow: hidden;
}
.col .holder-hidden-layer.is-active,
.legacy .col .holder-hidden-layer {
	max-height: 100%;
	overflow-y: auto;
}
.col .holder-btn-expand-hidden-layer + .holder-hidden-layer.is-active,
.legacy .col .holder-btn-expand-hidden-layer + .holder-hidden-layer {
	margin-top: 0.500rem;
}
.col .holder-hidden-layer h3:first-child,
.col .holder-hidden-layer p:first-child,
.col .holder-hidden-layer table:first-child,
.col .holder-hidden-layer ol:first-child,
.col .holder-hidden-layer ul:first-child {
	margin-top: 0;
}
.col .holder-hidden-layer p:last-child,
.col .holder-hidden-layer table:last-child,
.col .holder-hidden-layer ol:last-child,
.col .holder-hidden-layer ul:last-child {
	margin-bottom: 0;
}
/*!
 * footer
 */
.col .footer {
	border-top: 0.750pt solid #C3C3C3;
}
.col .footer p {
	font-size: 0.813rem;
	line-height: 1.500;
}
/*!
 * retina
 */
@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
}
/*!
 * font for mobile
 * iosfonts.com/
 * google.com/design/spec/style/typography.html#typography-language-categorization
 * msdn.microsoft.com/en-us/library/windows/apps/hh202920%28v=vs.105%29.aspx
 */
@media only screen and (max-width: 480px) {
}
/*!
 * media queries
 */
@media only screen and (max-width: 20em) {
	html {
		font-size: 85.7%;
	}
}
@media only screen and (min-width: 20.063em) {
	html {
		font-size: 92.2%;
	}
}
@media only screen and (min-width: 20.063em) and (max-width: 30em) {
	html {
		font-size: 92.2%;
	}
}
@media only screen and (min-width: 30.063em) {
	html {
		font-size: 107.1%;
	}
}
@media only screen and (min-width: 30.063em) and (max-width: 40em) {
	html {
		font-size: 107.1%;
	}
}
@media only screen and (min-width: 40.063em) {
	html {
		font-size: 121.4%;
	}
}
@media only screen and (min-width: 40.063em) and (max-width: 50em) {
	html {
		font-size: 121.4%;
	}
}
@media only screen and (min-width: 50.063em) {
	html {
		font-size: 92.2%;
	}
}
@media only screen and (min-width: 50.063em) and (max-width: 60em) {
	html {
		font-size: 92.2%;
	}
}
@media only screen and (min-width: 60.063em) {
	html {
		font-size: 92.2%;
	}
}
@media only screen and (min-width: 60.063em) and (max-width: 64em) {
	html {
		font-size: 92.2%;
	}
}
@media only screen and (min-width: 64.063em) {
	html {
		font-size: 100%;
	}
}
@media only screen and (min-width: 64.063em) and (max-width: 74em) {
	html {
		font-size: 100%;
	}
}
@media only screen and (min-width: 74.063em) {
	html {
		font-size: 100%;
	}
}
@media only screen and (min-width: 74.063em) and (max-width: 80em) {
	html {
		font-size: 100%;
	}
}
@media only screen and (min-width: 80.063em) {
	html {
		font-size: 100%;
	}
}
@media only screen and (min-width: 80.063em) and (max-width: 90em) {
	html {
		font-size: 100%;
	}
}
@media only screen and (min-width: 90.063em) {
	html {
		font-size: 107.1%;
	}
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
	html {
		font-size: 107.1%;
	}
}
@media only screen and (min-width: 120.063em) {
	html {
		font-size: 114.3%;
	}
}
